<template>
  <div class="app-container laborMng">
    <el-form class="pageClass">
        <el-row>
          <el-col>
            <span class="firendlyNotice">
                <span class="function">{{ functionNm }}</span>功能正在研发中，敬请期待!
            </span>
          </el-col>
        </el-row>
    </el-form>
  
  </div>
</template>

<script>

export default {
  name: 'Developing',
  data() {
    return {
      functionNm: '' 
    }
  },
  created() {
    this.functionNm = this.$route.query.functionNm
  },
  methods: {
  }
}
</script>

<style rel="stylesheet/scss" lang="scss">
.laborMng {
    background: #fff6c3;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(91.3vh);
}

.laborMng .firendlyNotice {
    font-family: serif;
    font-size: 2rem;
    letter-spacing: 2.6px;
    color: #c77107;
    position: relative;
    top: -76px;
    font-style: italic;
}

.laborMng .firendlyNotice .function {
    background-image: linear-gradient(to right top, #1a6480, #40b4e0, #033042);
    background-image: -webkit-linear-gradient(to right top, #1a6480, #40b4e0, #033042);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 12px;
    text-shadow: #0b97c7 1px 0px 1px;
    &:hover {
        background-image: linear-gradient(to right top, #07161b, #34afde, #00415c);
        background-image: -webkit-linear-gradient(to right top, #07161b, #34afde, #00415c);
    }
}
</style>
